<template>
  <div class="activity">
    <div class="banner_why">
      <h1>市场活动</h1>
    </div>
    <div class="activity_one">
      <h1>"英联旺财，莺春起舞"活动回馈</h1>
      <div class="activity_one_img">
        <img src="./images/ying.jpg" alt="">
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">

</script>

<style lang="stylus" rel="stylesheet/stylus">
  .activity
    background: #f5f5f5
    .banner_why
      width: 100%
      height: 200px
      background: url("../../../static/images/banner.jpg") no-repeat
      background-size: 100% 100%
      padding-top:116.5px
      padding-left:40px
      box-sizing: border-box
      h1
        font-size: 20px
        color: #fff
    .activity_one
      padding: 18px
      background: #fff
      h1
        font-size: 18px
        font-weight: bold
        color: #ff9c00
        text-align: center
        margin-bottom: 20px
      .activity_one_img
        width: 100%
        overflow: hidden
        margin: 0 auto 20px
        img
          width: 100%
          height: 100%
      .activity_one_text
        h3
          color: #333333
          font-size: 16px
          font-weight: bold
          margin-bottom: 11.5px
        h3:last-child
          margin:20px
        p
          font-size: 14px
          color: #333
          margin-bottom: 20px
</style>
